﻿<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MVVM for WebApps</title>
    <script type="text/javascript" src="Scripts/knockout-2.1.0.js"></script>
    <script type="text/javascript" src="Scripts/Done/BasicOOP.js"></script>
    <script type="text/javascript" src="Scripts/Done/Coupled.js"></script>
    <script type="text/javascript" src="Scripts/Done/mvvm.js"></script>
</head>
<body>

    <div id="holderForDealerName"></div>
    <div id="holderForCars"></div>

    <input type="text" id="holderForNewCarName" />
    <input type="button" value="Add" onclick="onAddNewCarClick();" />



    <div data-bind="text: DealerName"></div>
    <!--ko foreach: Cars-->
    <span data-bind="text: $data"></span><br />
    <!--/ko-->
    <input type="text" data-bind="value: NewCarName" />
    <input type="button" value="Add" data-bind="click: onAddNewCarClick" />

</body>
</html>
